div,ul{
     &::-webkit-scrollbar {
    //整体样式
    height: 10px;
    width: 10px;
  }
  &::-webkit-scrollbar-thumb {
    //滑动滑块条样式
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    // background: #00aaff;
    background: #eff1f7;
  }
  &::-webkit-scrollbar-track {
    //轨道的样式
    -webkit-box-shadow: 0;
    border-radius: 2px;
    background: #f6f8ff;
  }
}
// div{
//    /* Scrollbar */
//     ::-webkit-scrollbar {width:10px;height:10px}
//     ::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1)}
//     ::-webkit-scrollbar-track:hover {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);
//       background-color:rgba(0,0,0,0.05);-webkit-border-radius: 3px;}
//     ::-webkit-scrollbar-track:active {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);
//       background-color:rgba(0,0,0,0.1);-webkit-border-radius: 3px;}
//     ::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.2);
//       -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
//     :hover::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.4);
//       -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
//     ::-webkit-scrollbar-thumb:hover {background-color:rgba(0,0,0,0.5);
//       -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
//     ::-webkit-scrollbar-thumb:active {background:rgba(0,0,0,0.6)}
//     ::-webkit-scrollbar-track-piece,
//     ::-webkit-scrollbar-track-piece {-webkit-border-radius: 0;-webkit-border-bottom-right-radius: 3px;
//       -webkit-border-bottom-left-radius: 3px;}
//     ::-webkit-scrollbar-thumb:vertical,
//     ::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: rgba(0, 0, 0, 0.2);-webkit-border-radius: 3px;}
//     ::-webkit-scrollbar-thumb:horizontal,
//     ::-webkit-scrollbar-thumb:horizontal {width: 50px;background-color: rgba(0, 0, 0, 0.2);-webkit-border-radius: 3px;}

//     // .ivu-menu::-webkit-scrollbar{
//     //     display: none;
//     // }
// }